﻿<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" >
<head>
<title>Testing pattern</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">djConfig = { isDebug: true };</script>
<script type="text/javascript" src="../../dojo.js"></script>
<script type="text/javascript">dojo.require("dojo.debug.console");</script>
<!--<script type="text/javascript" src="../../src/gfx/vml.js"></script>-->
<!--<script type="text/javascript" src="../../src/gfx/svg.js"></script>-->
<script type="text/javascript">
dojo.require("dojo.gfx.*");

makeShapes = function(){
    var pattern = {
        type: "pattern",
        x: 0, y: 0, width: 96, height: 96,
        src: "http://dojotoolkit.org/img/viewcvs.png"
    };
	var ellipse = {cx: 400, cy: 200, rx: 350, ry: 150};
	var surface = dojo.gfx.createSurface("test", 800, 600);
	surface.createEllipse(ellipse)
        .setStroke({color: "blue", width: 1 })
        .setFill(pattern);
};

dojo.addOnLoad(makeShapes);

</script>
</head>
<body>
<p>Testing pattern: </p>
<div id="test"></div>
<p>That's all Folks!</p>
</body>
</html>
